.box{
    // border: 1px solid red;
    // height: 100%;
    position: relative;
    .Collections{
        width: 100%;
        height: 90%;

        ul{
            width: 100%;
            height: 100%;
            padding-top: 1%;
            li{
                width: 90%;
                margin: 0 auto;
                height: 25%;
                display: flex;
                margin-bottom: 1%;
                border-bottom: 1px solid rgb(197, 197, 197);
                position: relative;
                .img{
                    width: 25%;
                    height: 100%;
                    // border: 1px solid red;
                }
                .item{
                    width: 75%;
                    height: 100%;
                    // border: 1px solid red;
                    padding-top: 2%;
                    padding-left: 3%;
                    h3{
                        margin-bottom: 2%;
                    }
                    .text{
                        font-size: 12px;
                        width: 60%;
                        height: 20%;
                        // 超出隐藏用...表示
                        overflow: hidden;  
                        text-overflow: ellipsis;  
                        white-space: nowrap; 
                        margin-bottom: 2%;
                    }
                    a{
                        font-size: 12px;
                        display: flex;
                        p{
                            font-size: 12px;
                            margin-bottom: 5%;
                        }
                    }
                    .date{
                        font-size: 12px;
                        color: slategrey;
                        position: absolute;
                        bottom: 10%;
                        right: 5%;
                    }
                }
            }
        }
    }
    .pages{
        width: 30%;
        margin: 0 auto;
        position: relative;
        bottom: -1%;
        display: none;
    }
}